html,body,div,p,h1,h2,h3,h4,h5,h6,ul,li,input,select{
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
}

html {
	font-size: 12px;
}

a,a:hover {
	text-decoration: none;
}

body {
	font-family: "Microsoft YaHei";
}

/* 公共 */
body {
	background: #f1f2ed;
	margin-bottom: 4rem;
}

div.spin_banner {
	width:100%;
	height: 4rem;
	padding: 0rem .5rem;
	text-align: center;
	background: #1caee4;
}

div.spin_back,
div.spin_banner_t,
div.spin_banner_op {
	display: inline-block;
	vertical-align: top;
}

div.spin_back {
	float: left;
	width: 2rem;
	line-height: 4rem;
	text-align: center;
}

div.spin_back > img {
	display: block;
	height: 1rem;
	margin: 1.5rem auto;
}

div.spin_banner_t {
	font: 500 1.1rem/4rem "Microsoft YaHei";
	color: #fff;
}

div.spin_banner_op {
	float: right;
	width: 2rem;
	line-height: 4rem;
	text-align: center;
	color: #fff;
}

div.spin_banner_op > img {
	display: block;
	height: 1rem;
	margin: 1.5rem auto;
}

div.spin_banner_null {
	float: right;
	width: 2rem;
	height: 4rem;
	text-align: center;
}

div.spin_footer {
	position: fixed;
	width: 100%;
	bottom: 0px;
	background: #fff;
}

ul.footer_list {
	padding-left: 0px;
	list-style: none;
	text-align: center;
	margin: 0px;
}

ul.footer_list > li {
	display: inline-block;
	vertical-align: top;
	border-top: solid 2px #e0e0e0;
	width: 20%;
	margin: 0px -3px;
}

ul.footer_list > li.active {
	border-top: solid 2px #1caee4;
}

ul.footer_list > li > a {
	display: block;
	padding-top: 2.2rem;
	padding-bottom: .3rem;
	color: #9e9e9e;
	font: 500 .8rem/1.4rem "Microsoft YaHei";
}

ul.footer_list > li.active > a {
	color: #1caee4;
}

ul.footer_list > li:nth-child(1) > a{
	background: url(../images/fn_1.png) no-repeat;
	background-position: center .4rem;
	background-size: auto 1.5rem;
}

ul.footer_list > li:nth-child(1).active > a{
	background: url(../images/fn_1_cur.png) no-repeat;
	background-position: center .4rem;
	background-size: auto 1.5rem;
}

ul.footer_list > li:nth-child(2) > a{
	background: url(../images/fn_2.png) no-repeat;
	background-position: center .4rem;
	background-size: auto 1.5rem;
}

ul.footer_list > li:nth-child(2).active > a{
	background: url(../images/fn_2_cur.png) no-repeat;
	background-position: center .4rem;
	background-size: auto 1.5rem;
}

ul.footer_list > li:nth-child(3) > a{
	background: url(../images/fn_3.png) no-repeat;
	background-position: center .4rem;
	background-size: auto 1.5rem;
}

ul.footer_list > li:nth-child(3).active > a{
	background: url(../images/fn_3_cur.png) no-repeat;
	background-position: center .4rem;
	background-size: auto 1.5rem;
}

ul.footer_list > li:nth-child(4) > a{
	background: url(../images/fn_4.png) no-repeat;
	background-position: center .4rem;
	background-size: auto 1.5rem;
}

ul.footer_list > li:nth-child(4).active > a{
	background: url(../images/fn_4_cur.png) no-repeat;
	background-position: center .4rem;
	background-size: auto 1.5rem;
}

ul.footer_list > li:nth-child(5) > a{
	background: url(../images/fn_5.png) no-repeat;
	background-position: center .4rem;
	background-size: auto 1.5rem;
}

ul.footer_list > li:nth-child(5).active > a{
	background: url(../images/fn_5_cur.png) no-repeat;
	background-position: center .4rem;
	background-size: auto 1.5rem;
}

.spin_container {
	padding: 0px;
	margin-bottom: 1rem;
	background: #fff;
}

/* 首页 */
div.spin_title {
	padding: .8rem;
	font: 500 1rem/1.6rem "Microsoft YaHei";
	color: #818181;
	border-bottom: solid 1px #f2f2f2;
}

ul.spin_index {
	list-style: none;
	padding-left: 0px;
	margin: 0px;
	text-align: center;
}

ul.spin_index > li {
	display: inline-block;
	vertical-align: top;
	width: 31%;
	margin: 0px -2px;
}

ul.spin_index > li > a {
	display: block;
	width: 100%;
	padding: .5rem 0rem;
}

ul.spin_index > li > a > img {
	width: 40%;
}

ul.spin_index > li > a > p {
	font: 500 .7rem/1rem "Microsoft YaHei";
	color: #505050;
}

div.spin_ad {
	width: 100%;
	height: 10rem;
	overflow: hidden;
}

div.spin_ad_big {
	height: 14rem;
}

div.spin_ad > img {
	display: block;
	width: 100%;
}

ul.spin_index_fgs {
	list-style: none;
}

ul.spin_index_fgs > li > a {
	display: block;
	background: url(../images/more.png) no-repeat;
	background-size: .6rem auto;
	background-position: 95% center;
	padding: 1rem; 
	border-bottom: solid 1px #ddd;
}

div.sp_fgs_left,
div.sp_fgs_right {
	display: inline-block;
	vertical-align: top;
	height: 6rem;
}

div.sp_fgs_left {
	width: 30%;
	text-align: center;
}

div.sp_fgs_left > img {
	display: block;
	height: 3rem;
	margin: .2rem auto;
}

div.sp_fgs_left > .sp_fgs_info {
	text-align: center;
	font: 500 .6rem/1.5rem "Microsoft YaHei";
	color: #626262;
}

div.sp_fgs_right {
	float: right;
	width: 67%;
	height: 6rem;
}

div.sp_fgs_right > ul.sp_fgs_r_list {
	list-style: none;
	padding-left: .2rem;
}

ul.sp_fgs_r_list > li {
	display: inline-block;
	vertical-align: top;
	font: 500 .7rem/2rem "Microsoft YaHei";
	color: #c5c5c5;
}

ul.sp_fgs_r_list > li:nth-child(2n+1) {
	width: 55%;
}

ul.sp_fgs_r_list > li:nth-child(2n) {
	width: 40%;
	text-align: left;
}

/* 资讯列表 */
ul.sp_tab1 {
	height: 4rem;
	list-style: none;
	padding-left: 0px;
	margin: 0px;
}

ul.sp_tab1 > li {
	float: left;
	width: 50%;
	height: 4rem;
	background: #dcdcdc;
	font: 500 1rem/4rem "Microsoft YaHei";
	color: #646464;
	text-align: center;
	border-bottom: solid 1px #f2f2f2;
}

ul.sp_tab1 > li.active {
	background: #fff;
}

.sp_panel1 {
	list-style: none;
}

.sp_panel_item {
	display: none;
	width: 100%;
	padding: 1rem 0rem;
}

.sp_panel1 > .active {
	display: block;
}

.sp_list {
	list-style: none;
}

.sp_list_item {
	width: 100%;
	border-bottom: solid 1px #ddd;
}

.sp_list_item > a {
	display: block;
	padding: 1rem;
}

.sp_item_left,
.sp_item_right {
	display: inline-block;
	vertical-align: top;
}

.sp_item_left {
	width: 25%;
	height: 6.5rem;
	overflow: hidden;
	text-align: center;
}

.sp_item_left > img {
	width: 100%;
	height: 6.5rem;
}

.sp_item_right {
	width: 73%;
	padding-left: .5rem;
}

.sp_infolist_title {
	font: 700 1rem/2rem "Microsoft YaHei";
	color: #646464;
}

.sp_infolist_content {
	font: 500 .8rem/1.5rem "Microsoft YaHei";
	color: #646464;
}

.sp_infolist_footer {
	text-align: right;
	font: 500 .7rem/1.5rem "Microsoft YaHei";
	color: #1caee4;
}

/* 资讯详情 */
.sp_infodetail_title {
	padding: 1rem;
	border-bottom: solid 1px #ddd;
	font: 700 1.4rem/2rem "Microsoft YaHei";
	color: #000;
}

.sp_infodetail_subtitle {
	padding: 0rem 1rem;
	font: 500 .8rem/3rem "Microsoft YaHei";
	color: #3c3c3c;
}

.sp_infodetail_content {
	padding: 0rem 1rem;
	font: 500 1rem/1.5rem "Microsoft YaHei";
}

.sp_infodetail_content > p {
	text-indent: 2rem;
}

/* 注册页面 */
.sp_tab2 {
	text-align: center;
	list-style: none;
}

.sp_tab2 > li {
	display: inline-block;
	width: 49%;
	vertical-align: top;
	font: 500 .9rem/4rem "Microsoft YaHei";
	color: #1caee4;
	border-bottom: solid 2px #fff;
}

.sp_tab2 > li.active {
	border-bottom: solid 2px #1caee4;
}

.sp_panel2 {
	list-style: none;
}

.sp_panel2 > .sp_panel_item {
	display: none;
	width: 100%;
	padding: 1rem 0rem;
}

.sp_panel2 > .active {
	display: block;
}

.sp_control_group {
	background: #fff;
	padding: 1rem;
	border-bottom: solid 1px #ddd;
}

.sp_control_label,
.sp_control_container {
	display: inline-block;
	vertical-align: top;
}

.sp_control_label {
	float: left;
	width: 25%;
	font: 500 1rem/3rem "Microsoft YaHei";
}

.sp_control_container {
	width: 74%;
	height: 3rem;
}

.sp_input {
	width: 100%;
	height: 3rem;
	padding: .5rem 1rem;
	font: 500 1rem/3rem "Microsoft YaHei";
	border: none;
}

.sp_input_short {
	width: 70%;
}

.sp_input:focus {
	outline: none;
}

.sp_control_container > a {
	float: right;
	padding: 0rem .5rem;
	margin-top: .55rem;
	border-radius: 5px;
	background: #1caee4;
	color: #fff;
	font: 500 1rem/2rem "Microsoft YaHei";
}

.sp_btn1 {
	width: 100%;
	background: #1caee4;
	border-radius: 5px;
	border: solid 1px #1caee4;
	text-align: center;
	padding: .5rem;
	color: #fff;
	font: 500 1.2rem/2rem "Microsoft YaHei";
}

.sp_register_info {
	text-align: center;
	margin-top: 1rem;
}

/* 注册页面 */
.sp_login_info {
	list-style: none;
	text-align: center;
	margin-top: 10px;
}

.sp_login_info > li {
	display: inline-block;
	vertical-align: top;
	width: 49%;
}

.sp_login_info > li > a {
	display: block;
	padding: .5rem;
	text-align: left;
	color: #626262;
}

.sp_login_info > li+li > a {
	text-align: right;
}

/* 商品详情 弹出框 */
.sp_pop_box {
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: -1;
	opacity: 0;
}

.sp_pop_on {
	z-index: 1000;
	opacity: 1;
}

.sp_pop_panel {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 80%;
	z-index: 2;
	background: #d0d0d0;
	overflow: scroll;
	-webkit-transform: translateX(100%);
	-webkit-transition: transform .5s ease-in;
}

.sp_pop_show {
	-webkit-transform: translateX(0);
}

.sp_pop_bannner {
	position: relative;
	width: 100%;
	height: 3rem;
	padding: 0rem 1rem;
	text-align: center;
	background: #1caee4;
}

.sp_pop_cancle,
.sp_pop_title,
.sp_pop_null {
	display: inline-block;
	vertical-align: top;
}

.sp_pop_cancle,
.sp_pop_null {
	width: 2rem;
	float: left;
}

.sp_pop_cancle > img {
	display: block;
	height: 1rem;
	margin: 1rem auto;
}

.sp_pop_title {
	width: calc(98% - 4rem);
	font: 500 1.1rem/3rem "Microsoft YaHei";
	color: #fff;
}

.sp_pop_null {
	float: right;
}

.sp_pop_img_box {
	position: relative;
	height: 10rem;
	overflow: hidden;
	padding: 1rem 2rem;
}

.sp_pop_img_list {
	position: absolute;
	left: 24px;
	min-width: 100%;
	list-style: none;
}

.sp_pop_img_list > li {
	display: inline-block;
	vertical-align: top;
	width:7.5rem;
	height: 6rem;
	margin-top: 1rem;
	overflow: hidden;
}

.sp_pop_img_list > li > img {
	width:7.5rem;
	height: 6rem;
}

.sp_pop_img_list > li.current {
	width: 10rem;
	height: 8rem;
	border: solid 1px #fff;
	margin-top: 0rem;
}

.sp_pop_img_list > li.current > img {
	width: 10rem;
	height: 8rem;
}

.sp_pop_list {
	list-style: none;
	width: 100%;
}

.sp_pop_list > li {
	position: relative;
	height: 3rem;
	width: 100.5%;
	padding: .5rem 2rem;
	margin-left: -0.5%;
	margin-bottom: 10px;
	border-top: solid 1px #bfbfbf;
	border-left: solid 1px #bfbfbf;
	border-bottom: solid 1px #bfbfbf;
	background: #fff;
}

.sp_pop_label,
.sp_pop_value {
	display: inline-block;
	vertical-align: top;
}

.sp_pop_label {
	font: 500 1rem/2rem "Microsoft YaHei";
	color: #626262;
}

.sp_pop_value {
	float: right;
	font: 500 1rem/2rem "Microsoft YaHei";
	color: #1caee4;
}

.sp_pop_bg {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: -1;
	background: #000;
	opacity: .7;
}

/* userCenter */
.sp_uc_item > a {
	background: url(../images/more.png) no-repeat;
	background-size: .6rem auto;
	background-position: 95% center;
}

.sp_uc_title,
.sp_uc_headimg,
.sp_uc_notify {
	display: inline-block;
	vertical-align: top;
	height: 3rem;
}

.sp_uc_title {
	line-height: 3rem;
	font: 500 1.2rem/3rem "Microsoft YaHei";
	color: #051b28;
}

.sp_uc_title > img {
	width: 1.6rem;
	height: 1.6rem;
	margin-top: .7rem;
}

.sp_uc_headimg {
	float:right;
	margin-right: 2rem;
}

.sp_uc_headimg > img {
	width: 3rem;
	height: 3rem;
}

.sp_uc_notify {
	float: right;
	margin-top: .7rem;
	margin-right: 2rem;
	width:1.6rem;
	height: 1.6rem;
	background: #f27a83;
	border-radius: 50%;
	line-height: 1.6rem;
	text-align: center;
	color: #fff;
}

/* 筛选页面 */
.sp_search_key,
.sp_search_value{
	display: inline-block;
	vertical-align: top;
	line-height: 3rem;
	font: 500 1.2rem/3rem "Microsoft YaHei";
}

.sp_search_key {
	color: #051b28;
}

.sp_search_value{
	float:right;
	margin-right: 2rem;
	color: #1caee4;
}

/* 修改Email 和 mobile */
.sp_modify_btn {
	line-height: 3rem;
	border-radius: 0px;
}

/* 筛选页 */
.sp_seitem_title {
	padding: 1rem;
	background: #fafaf8;
	font: 500 1rem/2rem "Microsoft YaHei";
	color: #818181;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}

.sp_seitem_content {
	padding: 1rem;
	text-align: center;
	background: #f1f2ed;
}

.sp_seitem_content > img {
	height: 4rem;
}

.sp_seitem_info {
	font: 500 1.3rem/3rem "Microsoft YaHei";
	color: #aaa;
	text-align: center;
}

/* 公共微调 */
.mrb0 {
	margin-bottom: 0px;
}

.mrt15 {
	margin-top: 15px;
}

.mrt100 {
	margin-top: 100px;
}

.bt1 {
	border-top: solid 1px #ddd;
}

.bbnull {
	border-bottom: none;
}

.pd0 {
	padding: 0px;
}

.tacenter {
	text-align: center;
}

.sp_none_bg {
	background: none;
}

/* 响应式布局 >320px */

@media screen and (min-width: 321px) {

	.sp_control_group {
		padding: 1rem 2rem;
	}

}
